/* 01 CSS Document */

.centerBox {
    z-index: 10;
    width: 1497px;
    height: 870px;
    margin: 156px 0 0 376px;
    background-image: url("../img/图层 30画板 6 拷贝 3_slices@2x.png");
    background-size: 100% 100%;
    position: relative;
}


/* 其他页面元素 */

.lujing {
    position: absolute;
    top: 141px;
    left: 90px;
    width: 233px;
    height: 41px;
    background: #FFFFFF;
    opacity: 0.8;
    border-radius: 21px;
}

.lujing-text {
    margin: 10px 0 0 25px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.cebianlan {
    z-index: 0;
    position: absolute;
    top: 189px;
    left: 86px;
    width: 331px;
    height: 344px;
}

.SidebarBtn01 {
    width: 301px;
    height: 72px;
    background: linear-gradient(-10deg, #943B0C 0%, #BA5A06 100%);
    border-radius: 36px 0px 0px 36px;
    margin: 0 0 16px 0;
}

.SidebarBtn-text {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.6;
    margin: 20px 0 0 95px;
}

.SidebarBtn02 {
    width: 331px;
    height: 72px;
    background: linear-gradient(-10deg, #943B0C 0%, #BA5A06 100%);
    border-radius: 36px 0px 0px 36px;
    margin: 0 0 16px 0;
    position: relative;
}

.SidebarBtn02-text {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 20px 0 0 95px;
}

.imgPosition {
    position: absolute;
    left: 23px;
    bottom: 17px;
}


/* 告示牌 */

.gaoshipai {
    position: absolute;
    top: 710px;
    left: 0;
    width: 431px;
    height: 365px;
    background-image: url("../img/千库网_樱花春天边框木牌木板_元素编号12814583@2x.png");
    background-size: 100% 100%;
    position: relative;
}

.gaoshipai-text01 {
    position: absolute;
    top: 165px;
    left: 142px;
    font-size: 20px;
    font-family: YouSheBiaoTiHei;
    src: url('../fonts/YouSheBiaoTiHei.ttf');
    font-weight: 400;
    color: #933A0C;
}

.gaoshipai-text02 {
    position: absolute;
    top: 213px;
    left: 153px;
    width: 68px;
    height: 40px;
}

.gaoshipai-text02_txt {
    font-size: 16px;
    font-family: YouSheBiaoTiHei;
    src: url('../fonts/YouSheBiaoTiHei.ttf');
    font-weight: 400;
    color: #933A0C;
    line-height: 24px;
    opacity: 0.9;
}

.animal {
    /* margin: -10px 0 0 520px; */
    position: absolute;
    top: 816px;
    left: 363px;
}


/* 用户列表模块 */

.userListBox {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 1433px;
    height: 724px;
    overflow: auto;
}

.userListBox-user {
    width: 1433px;
    height: 132px;
    background: #FFFFFF;
    /* opacity: 0.5; */
    border-radius: 20px;
    position: relative;
    margin: 0 0 16px 0;
}

.userListBox-user_photo {
    position: absolute;
    top: 16px;
    left: 24px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-image: url("../img/图层 775.png");
    background-size: 100% 100%;
}

.userListBox-user_txt01 {
    position: absolute;
    top: 32px;
    left: 141px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #933A0C;
}

.userListBox-user_txt02 {
    position: absolute;
    top: 83px;
    left: 140px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}

.userListBox-user_txt03 {
    position: absolute;
    top: 36px;
    left: 224px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.userListBox-user_txtbox01 {
    position: absolute;
    top: 29px;
    left: 340px;
    width: 72px;
    height: 28px;
    background: #C5E5F7;
    border-radius: 14px;
}

.userListBox-user_txt04 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #269EEB;
    margin: 2px 0 0 20px;
}

.userListBox-user_txt05 {
    position: absolute;
    top: 58px;
    left: 605px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #9E430B;
}

.userListBox-user_txt06 {
    position: absolute;
    top: 58px;
    left: 905px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #9E430B;
}

.userListBox-user_txtbox02 {
    position: absolute;
    top: 43px;
    left: 1273px;
    width: 131px;
    height: 47px;
    background: linear-gradient(-10deg, #943B0C 0%, #BA5A06 100%);
    border-radius: 24px;
}

.userListBox-user_txt07 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 10px 0 0 42px;
}